<template>
    <el-aside>
        <el-menu router>
            <el-menu-item index="/manage/train">
                <el-row>
                    <el-image src="/train_logo.png" style="align-items: center; width: 45px;height: 45px;" />
                    <span style="margin-left: 5px;margin-top: 5px;">列车管理</span>
                </el-row>
            </el-menu-item>
            <el-menu-item index="/manage/route">
                <el-icon style="color:#0483d4;margin-left: 8px;"><Guide style="width: 100px;height: 50px;" /></el-icon>
                <span style="margin-left: 13px;">路线管理</span>
            </el-menu-item>
            <el-menu-item index="/manage/station">
                <el-icon style="color:#0483d4;margin-left: 8px;"><Discount style="width: 100px;height: 50px;" /></el-icon>
                <span style="margin-left: 13px;">站点管理</span>
            </el-menu-item>
            <el-menu-item index="/manage/order">
                <el-icon style="color:#0483d4;margin-left: 8px;"><Tickets style="width: 100px;height: 50px;" /></el-icon>
                <span style="margin-left: 13px;">订单管理</span>
            </el-menu-item>
            <el-menu-item index="/manage/passenger">
                <el-icon style="color:#0483d4;margin-left: 8px;"><UserFilled style="width: 100px;height: 50px;" /></el-icon>
                <span style="margin-left: 13px;">乘客管理</span>
            </el-menu-item>
            <el-menu-item index="/manage/user">
                <el-icon style="color:#0483d4;margin-left: 8px;"><User style="width: 100px;height: 50px;" /></el-icon>
                <span style="margin-left: 13px;">用户管理</span>
            </el-menu-item>
            <el-menu-item index="/manage/statistic">
                <el-icon style="color:#0483d4;margin-left: 8px;"><DataLine style="width: 100px;height: 50px;" /></el-icon>
                <span style="margin-left: 13px;">数据统计</span>
            </el-menu-item>
            <el-menu-item index="/manage/dataBaseBackUp">
                <el-icon style="color:#0483d4;margin-left: 8px;"><Suitcase style="width: 100px;height: 50px;" /></el-icon>
                <span style="margin-left: 13px;">数据库备份</span>
            </el-menu-item>
        </el-menu>
    </el-aside>
</template>

<script setup>

</script>

<style scoped>
    .el-aside{
        background-color: rgb(232.8, 233.4, 234.6);
        width: 200px;
    }
    .el-menu{
        background-color: rgb(232.8, 233.4, 234.6);
        border-right: none;
    }
    .el-menu-item{
        font-size: 18px;
        color: #0483d4;
    }
    .el-ment-item:focus,.el-menu-item:hover{
        background-color: rgb(199.5, 201, 204);
    }
    .el-menu-item.is-active {
        background: rgb(199.5, 201, 204) !important;
    }
</style>